Post by pythr on Jun 4, 2023 1:42:19 GMT
[nospaces]
[newclass=.ctrlVars]--accent-color: #020B7C;--body-color: #C6C4C7;--highlight-color: #FAF8FB;--pressed: #312F33;--scrollbar-color: #D6D4D7;[/newclass]
[newclass=.ctrlBar]background-color: #020B7C;height: 35px;padding: 5px;[/newclass]
[newclass=.ctrlBody]height: 390px;width: 390px;background-color: #C6C4C7;border: 4px outset #FAF8FB;padding: 5px;margin: 0 auto;font-family: "Inconsolata";position: relative;font-size: 16px;[/newclass]
[newclass=.ctrlTitle] color: #C6C4C7;float: left;display: flex;align-items: center;overflow: hidden;white-space: nowrap;width: 66%;font-weight: bold;font-size: 16px;[/newclass]
[newclass=.ctrlOption]float: right;height: 25px;width: 29px;border: 4px outset #FAF8FB;background-color: #C6C4C7;margin-left: 5px;color: black;font-size: 22px;display: flex;justify-content: center;align-items: center;[/newclass]
[newclass=.ctrlOption:hover]border-top: 4px solid #312F33;border-left: 4px solid #312F33;border-right: 4px solid #FAF8FB;border-bottom: 4px solid #FAF8FB;align-items: end;[/newclass]
[newclass=.ctrlOption img] user-select: none;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;[/newclass]
[newclass=.ctrlSelect]background-color: #C6C4C7;height: 20px;width: 40px;padding: 5px;display: inline-flex;align-items: center;justify-content: center;[/newclass][newclass=.ctrlSelect:hover]background-color: #BEBBBF;[/newclass][newclass=.ctrlNotes]position:absolute;display:none;[/newclass][newclass=.ctrlSelect:hover + .ctrlNotes]transition: 0s;padding: 5px;display: block;font-size: 10pt;border: 2px outset #FAF8FB;background-color: #C6C4C7;[/newclass]
[newclass=.ctrlPost]background-color: #C6C4C7;height: 288px;border: 3px inset #FAF8FB;overflow-y: scroll;padding: 10px;font-size: 10pt;text-align: justify;[/newclass][newclass=.ctrlPost::-webkit-scrollbar]width: 25px;background-color: #D6D4D7;[/newclass][newclass=.ctrlPost::-webkit-scrollbar-button]border: 2px outset #FAF8FB;height: 23px;[/newclass][newclass=.ctrlPost::-webkit-scrollbar-button:hover]background-color: #BEBBBF;transition: border 0s;border-top: 2px solid #312F33;border-left: 2px solid #312F33;border-right: 2px solid #FAF8FB;border-bottom: 2px solid #FAF8FB;[/newclass][newclass=.ctrlPost::-webkit-scrollbar-thumb]background-color:#D6D4D7;border: 2px outset #FAF8FB;[/newclass][newclass=.ctrlPost::-webkit-scrollbar-thumb:hover]background-color: #BEBBBF;[/newclass]
[Googlefont=Inconsolata]
[attr="class","ctrlBody"]
[attr="class","ctrlBar"]
[attr="class","ctrlTitle"]
• thread title
• thread title[attr="class","ctrlOption"]
[attr="class","ctrlOption"]
[attr="class","ctrlOption"]
[attr="class","ctrlSelect"]File
[attr="class","ctrlNotes"]notes go here
[attr="class","ctrlSelect"]Edit
[attr="class","ctrlSelect"]View
[attr="class","ctrlSelect"]Help
[attr="class","ctrlNotes"]template made by pythr
[attr="class","ctrlPost"]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse interdum ligula sit amet ipsum bibendum, ut luctus risus volutpat. Proin lobortis mi non purus posuere, pellentesque euismod elit aliquet. In aliquet, tellus ac convallis vestibulum, nisl dolor viverra magna, sit amet tincidunt elit risus vitae neque. Donec id tristique tortor. Maecenas molestie nunc sit amet arcu tristique, in luctus nibh laoreet. Fusce sodales tortor eget lorem imperdiet, vel viverra metus rutrum. Donec ut bibendum enim. Proin eu elit vitae urna congue faucibus eu nec elit. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean efficitur, neque at venenatis mattis, eros metus viverra metus, eu tincidunt purus velit nec ipsum.[break][break]
Donec quis augue non velit convallis pellentesque. Aliquam nec elementum leo. Maecenas a ante nec magna molestie dictum. Quisque porta lorem nunc, gravida ultrices neque iaculis in. Suspendisse potenti. Nulla vel mi pellentesque, pulvinar tortor in, faucibus arcu. Pellentesque ut commodo nunc, eu iaculis mi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus nec enim vulputate, posuere quam et, semper lacus. Ut imperdiet, est nec feugiat lacinia, leo arcu imperdiet enim, et scelerisque nunc justo vel ex. Donec tincidunt imperdiet pellentesque. Aenean egestas orci eu tristique faucibus. Integer blandit sapien id mi accumsan, id placerat magna tincidunt. In rutrum mollis justo vel auctor.[break][break]
Vivamus at mollis orci, et bibendum massa. Ut lacus sem, consectetur id tincidunt ut, ultricies at orci. Nam vitae purus tristique, accumsan diam a, volutpat leo. Sed commodo, dolor vel tempus posuere, quam nisi elementum purus, a luctus justo turpis vel magna. Integer tempor, neque ut varius egestas, turpis felis sollicitudin dui, non consequat sem urna in magna. Nunc quis vehicula orci, vel eleifend tellus. Nam lacinia quam ornare magna efficitur auctor. Suspendisse ultricies nisl ac efficitur hendrerit. Proin gravida ipsum ipsum, in varius ante luctus sed. Suspendisse sed varius metus, tempor rutrum quam. Aenean egestas, orci eget fermentum egestas, quam ex blandit erat, et ultricies elit eros at risus. Curabitur pellentesque ex eget eros mollis, nec ultrices nisi hendrerit. Praesent eu aliquet nisl. Sed pretium eros nec mattis luctus. Donec eu fringilla dui.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse interdum ligula sit amet ipsum bibendum, ut luctus risus volutpat. Proin lobortis mi non purus posuere, pellentesque euismod elit aliquet. In aliquet, tellus ac convallis vestibulum, nisl dolor viverra magna, sit amet tincidunt elit risus vitae neque. Donec id tristique tortor. Maecenas molestie nunc sit amet arcu tristique, in luctus nibh laoreet. Fusce sodales tortor eget lorem imperdiet, vel viverra metus rutrum. Donec ut bibendum enim. Proin eu elit vitae urna congue faucibus eu nec elit. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean efficitur, neque at venenatis mattis, eros metus viverra metus, eu tincidunt purus velit nec ipsum.[break][break]
Donec quis augue non velit convallis pellentesque. Aliquam nec elementum leo. Maecenas a ante nec magna molestie dictum. Quisque porta lorem nunc, gravida ultrices neque iaculis in. Suspendisse potenti. Nulla vel mi pellentesque, pulvinar tortor in, faucibus arcu. Pellentesque ut commodo nunc, eu iaculis mi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus nec enim vulputate, posuere quam et, semper lacus. Ut imperdiet, est nec feugiat lacinia, leo arcu imperdiet enim, et scelerisque nunc justo vel ex. Donec tincidunt imperdiet pellentesque. Aenean egestas orci eu tristique faucibus. Integer blandit sapien id mi accumsan, id placerat magna tincidunt. In rutrum mollis justo vel auctor.[break][break]
Vivamus at mollis orci, et bibendum massa. Ut lacus sem, consectetur id tincidunt ut, ultricies at orci. Nam vitae purus tristique, accumsan diam a, volutpat leo. Sed commodo, dolor vel tempus posuere, quam nisi elementum purus, a luctus justo turpis vel magna. Integer tempor, neque ut varius egestas, turpis felis sollicitudin dui, non consequat sem urna in magna. Nunc quis vehicula orci, vel eleifend tellus. Nam lacinia quam ornare magna efficitur auctor. Suspendisse ultricies nisl ac efficitur hendrerit. Proin gravida ipsum ipsum, in varius ante luctus sed. Suspendisse sed varius metus, tempor rutrum quam. Aenean egestas, orci eget fermentum egestas, quam ex blandit erat, et ultricies elit eros at risus. Curabitur pellentesque ex eget eros mollis, nec ultrices nisi hendrerit. Praesent eu aliquet nisl. Sed pretium eros nec mattis luctus. Donec eu fringilla dui.
[newclass=.ctrlVars]--accent-color: #020B7C;--body-color: #C6C4C7;--highlight-color: #FAF8FB;--pressed: #312F33;--scrollbar-color: #D6D4D7;[/newclass]
[newclass=.ctrlBar]background-color: #020B7C;height: 35px;padding: 5px;[/newclass]
[newclass=.ctrlBody]height: 390px;width: 390px;background-color: #C6C4C7;border: 4px outset #FAF8FB;padding: 5px;margin: 0 auto;font-family: "Inconsolata";position: relative;font-size: 16px;[/newclass]
[newclass=.ctrlTitle] color: #C6C4C7;float: left;display: flex;align-items: center;overflow: hidden;white-space: nowrap;width: 66%;font-weight: bold;font-size: 16px;[/newclass]
[newclass=.ctrlOption]float: right;height: 25px;width: 29px;border: 4px outset #FAF8FB;background-color: #C6C4C7;margin-left: 5px;color: black;font-size: 22px;display: flex;justify-content: center;align-items: center;[/newclass]
[newclass=.ctrlOption:hover]border-top: 4px solid #312F33;border-left: 4px solid #312F33;border-right: 4px solid #FAF8FB;border-bottom: 4px solid #FAF8FB;align-items: end;[/newclass]
[newclass=.ctrlOption img] user-select: none;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;[/newclass]
[newclass=.ctrlSelect]background-color: #C6C4C7;height: 20px;width: 40px;padding: 5px;display: inline-flex;align-items: center;justify-content: center;[/newclass][newclass=.ctrlSelect:hover]background-color: #BEBBBF;[/newclass][newclass=.ctrlNotes]position:absolute;display:none;[/newclass][newclass=.ctrlSelect:hover + .ctrlNotes]transition: 0s;padding: 5px;display: block;font-size: 10pt;border: 2px outset #FAF8FB;background-color: #C6C4C7;[/newclass]
[newclass=.ctrlPost]background-color: #C6C4C7;height: 288px;border: 3px inset #FAF8FB;overflow-y: scroll;padding: 10px;font-size: 10pt;text-align: justify;[/newclass][newclass=.ctrlPost::-webkit-scrollbar]width: 25px;background-color: #D6D4D7;[/newclass][newclass=.ctrlPost::-webkit-scrollbar-button]border: 2px outset #FAF8FB;height: 23px;[/newclass][newclass=.ctrlPost::-webkit-scrollbar-button:hover]background-color: #BEBBBF;transition: border 0s;border-top: 2px solid #312F33;border-left: 2px solid #312F33;border-right: 2px solid #FAF8FB;border-bottom: 2px solid #FAF8FB;[/newclass][newclass=.ctrlPost::-webkit-scrollbar-thumb]background-color:#D6D4D7;border: 2px outset #FAF8FB;[/newclass][newclass=.ctrlPost::-webkit-scrollbar-thumb:hover]background-color: #BEBBBF;[/newclass]
[Googlefont=Inconsolata]
